<script setup>
import Header from '@/components/Header.vue';
import Footer from '@/components/Footer.vue';
import { RouterLink, RouterView } from 'vue-router';

</script>

<template>
  <Header></Header>
  <div class="bigmiddiv navrumb">
    <el-breadcrumb>
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/' }">信息检索</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
  <div class="bigmiddiv bgwhite">
    <RouterLink class="alink" :to="{path:'/zbjs'}">招标检索</RouterLink>
    <RouterLink class="alink" :to="{path:'/qyjs'}">企业检索</RouterLink>
    <RouterLink class="alink" :to="{path:'/cgdwjs'}">采购单位检索</RouterLink>
  </div>
  <main class="mincon">


    <RouterView></RouterView>
  </main>
  <Footer></Footer>
</template>
<style scoped lang="scss">
.alink{
  border-bottom: 2px solid transparent;
  margin-right: 30px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #040919;
  }
  .router-link-active{
    border-bottom: 2px solid #3873FF;
    font-weight: 700;
    color: #3873FF;
  }
</style>